<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    1.设置字体大小 font-size: 20px; 注意：在谷歌浏览器中，不得设置小于12px
    2.设置字体的粗细 font-weight:100-700 或者 normal（400） bold（700）
    3.设置字体的斜体 font-style italic 4.设置网页的字体 font-family
    二、再学习一行的文字的样式（文本） 作用：影响网页中一行的样式 1.color
    颜色的编写 1.1 英文 1.2 十六进制 1-e
    从这几个数字中随机组成的都可以代表着一种颜色 1.3 rgba 2.text-indent
    设置首行的文字的缩进x个字的间距 注意：单位是em
    em是相对单位，是会跟着font-size走的
    所以，永远都会是空x个字的间隔，不管你的font-size设置多少 3.text-decoration
    -文本装饰 line-through中划线 overline上划线 underline下划线 none无（默认值）
    4.text-align 文本水平对齐方式 left左 center中 right右
    5.line-height文本垂直对齐方式，当设置的数值等于div的高度，是一致的时候，文字是可以垂直居中的
    三、一整个页面的布局
    <style>
      .box {
        border: 1px solid black;
        height: 100px;
        width: 100px;
        font-size: 16px;
        /* font-weight: normal; 
        font-style: italic;
        font-family: Georgia, "Times New Roman", Times, serif; */
        color: black;
        /* color: rgba(red, green, blue, alpha); */
        /* text-indent: 3em; */
        text-decoration: line-through;
        text-align: center;
        line-height: 100px;
      }
    </style>
    <div class="box">我爱周杰伦</div>
  </body>
</html>
